<template>
	<view class=" grace-flex">
		<view class="grace-relative list" v-if="label != ''">
			<text class="label" v-if="label">{{ label }}</text>
			<text v-if="label" style="vertical-align: top;">：</text>
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		label: {
			type: String,
			default: ''
		},
		text: String
	}
};
</script>

<style scoped lang="scss">
.list {
	line-height: 1;
	.label {
		display: inline-block;
		height: 100%;
		width: 136rpx;
		text-align: justify;
		vertical-align: top;
		position: relative;
		&::after {
			display: inline-block;
			width: 100%;
			content: '';
			height: 0;
		}
	}
}

view {
	font-size: 34rpx;
}
</style>
